<!DOCTYPE html>
<html lang="en">
<head>
    <title>面访报表新</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <script src="https://file.ggxqce.com/web/vue.min.js"></script>
    <script>
        (function () {
            var scale = (screen.width / 1000).toFixed(2);
            document.write('' +
                '<meta content="width=device-width, initial-scale=' + scale + ', maximum-scale=1, user-scalable=no"\n' +
                '          name="viewport">')
            // '<meta name="viewport" content="width=900,minimum-scale = ' + scale + ',maximum-scale = ' + scale + ' ,target-densitydpi=device-dpi"/>');
        })();
    </script>
    <link rel="stylesheet" href="/dist/css/oaApp.css">
    <style>
        [v-cloak] {
            display: none;
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 12px;
        }

        body {
            margin: 1px;
            background: #f8f8f8;
        }

        table {
            border-spacing: 0;
            border-collapse: collapse;
            display: table;
        }

        table.text-center, table.text-center td, table.text-center th {
            text-align: center;
            font-size: 12px;
        }

        .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
            border: 1px solid #cbcbcd;
            font-weight: normal;
            height: 24px;
        }

        .table th {
            background: #F8F8F8;
            color: #000;
        }

        .table-bordered {
            border: 1px solid #cbcbcd;
        }

        .table {
            width: 100%;
            max-width: 100%;
        }

        .hidden {
            display: none;
        }

        .lineOne {
            text-align: left;
        }

        .lineOne span {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-align: left;
        }

        .mScrollBox {
            float: left;
            position: relative;
            overflow: hidden;
        }

        .infoReport {
            text-align: center;
            margin: 0;
            margin-bottom: 10px;
        }

        .moduleName {
            height: 20px;
            line-height: 20px;
            background: #f8f8f8;
            font-weight: bold;
            font-size: 14px;
        }

        .oaReportNav {
            position: relative;
        }

        .toggleDiv {
            height: 20px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        .toggleDiv div {
            width: 50%;
            float: left;
            text-align: center;
        }

        .toggleDiv div.active {
            border-bottom: 2px solid #2289ee;
        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .lefts {
            text-align: center;
            color: #228bee;
            border-bottom: 2px solid #228bee;
            margin-left: 8px;
            margin-right: 8px;
        }

        .rights {
            text-align: center;
            color: #666666;
            border-bottom: 2px solid #ffffff;
            margin-left: 8px;
            margin-right: 8px;
        }

        .boxs {
            width: auto;
            display: flex;
            justify-content: flex-end;
            margin-right: 80px;
            border-bottom: 1px solid #f8f8f8;
            line-height: 24px;
            margin-bottom: 15px;
            margin-top: 20px;
            position: relative;
        }

        .boxs1 {
            position: absolute;
            top: 20px;
            left: 50%;
            font-size: 18px;
            margin-left: -125px;
            font-weight: bold;
        }

    </style>
</head>
<body>
<section class="content" id="app" v-cloak>
    <div class="div-td-content-more"><i></i></div>
    <div style="background: #fff;overflow: hidden;" id="visitDepart" v-line-inserted2>
        <div class="boxs1">
            {{today}}&nbsp;&nbsp;{{companyName}}
        </div>
        <div class="boxs" v-if="visitCustomer.time==today&&type=='1'">
            <div :class="a==1?'lefts':'rights'" @click="a=1" style="font-size: 16px;">
                实时数据
            </div>
            <div :class="a==0?'lefts':'rights'" @click="a=0" style="font-size: 16px;">
                上午首次面访
            </div>
            <div :class="a==2?'lefts':'rights'" @click="a=2" style="font-size: 16px;">
                下午首次面访
            </div>
        </div>
        <div class="boxs" v-else>
            <div :class="a==1?'lefts':'rights'" @click="a=1" style="font-size: 16px;">
                实时数据
            </div>
        </div>
        <div v-if="!isCapture"
             style="float: left;position: absolute;top: 18px;left: 100px;padding:2px 4px;background: #2c8cec;color: white;font-size: 16px;"
             @click="capture">一键截图
        </div>
        <div v-if="type=='1'" style="width: 100%;overflow-x: scroll;" class="mScrollBox">
            <table class="table table-bordered text-center table-width" v-if="a==1"
                   style="width: 900px;" id="visitDepart1" v-line-inserted>
                <thead>
                <tr>
                    <th style="width:30px;">面访<br>排名</th>
                    <th v-if="!(visitCustomer.time==today && a==0)"
                        style="width:30px;">完成
                    </th>
                    <th v-if="!(visitCustomer.time==today && a==0)"
                        style="width:50px;">完成率
                    </th>
                    <th style="width:60px;">区域经理</th>
                    <th style="width:60px;" v-if="visitCustomer.time.length!=10">大区经理</th>
                    <!--<th v-if="visitCustomer.time!=today && visitCustomer.time.length!=10"-->
                    <!--style="width:30px;">出勤</br>天数-->
                    <!--</th>-->
                    <!--<th v-if="visitCustomer.time.length!=10" style="width:30px;">异常</br>天数</th>-->
                    <!--<th v-if="visitCustomer.time!=today && visitCustomer.time.length!=10"-->
                    <!--style="width:40px;">日均</br>完成-->
                    <!--</th>-->
                    <th v-if="visitCustomer.time.length==10"
                        style="width: 60px;border-left: 1px solid #cbcbcd;">考勤签到<br>时间
                    </th>
                    <th v-if="visitCustomer.time.length==10" style="width: 60px;">首次面访<br>签到时间</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 70px;">时间间隔</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 61px;">距离间隔<br>(公里)</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 61px;">时速<br>(km/h)</th>
                    <th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        style="width: 55px;border-left: 2px solid #169bd5;">考勤签退<br>时间
                    </th>
                    <th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        style="width: 55px;">末次面访<br>签退时间
                    </th>
                    <th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        style="width: 61px;">时间间隔
                    </th>
                    <th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        style="width: 61px;">距离间隔<br>(公里)
                    </th>
                    <th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        style="width: 61px;">时速<br>(km/h)
                    </th>
                    <th style="width:61px;">大区经理</th>
                    <th style="border-left: 1px solid #cbcbcd;">大区</th>
                    <th v-if="visitCustomer.time==today &&a==0"
                        style="border-left: 1px solid #cbcbcd;width: 130px;">备注
                    </th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr v-for="(item,i) in visitCustomer.faceList">
                    <td>{{item.rownum}}</td>
                    <template
                            v-if="!(visitCustomer.time==today && a==0) ">
                        <template v-if="isCheckRegionName(item)">
                            <td style="color:#169BD5;cursor: pointer"
                                @click="openInterview(item,'1')"
                                v-if="!(visitCustomer.time==today && a==0) &&item.complete!='-'">
                                {{item.complete}}
                            </td>
                            <td v-else>{{item.complete}}</td>
                        </template>
                        <template v-else>
                            <td>{{item.complete}}</td>
                        </template>
                    </template>
                    <template
                            v-if="!(visitCustomer.time==today && a==0) ">
                        <td v-if="item.completionRate!=''&&item.completionRate!='-'">
                            {{item.completionRate}}%
                        </td>
                        <td v-else-if="item.completionRate=='-'">{{item.completionRate}}</td>
                        <td v-else>-</td>
                    </template>
                    <!--<template v-if="isGo(item)">-->
                    <!--<td style="color:#2a8cec;cursor: pointer"-->
                    <!--@click="lookInterviewDetail(item)">-->
                    <!--{{item.managerName}}-->
                    <!--</td>-->
                    <!--</template>-->
                    <!--<template v-else>-->
                    <td>{{item.managerName}}</td>
                    <!--</template>-->
                    <td v-if="visitCustomer.time.length!=10">{{item.bigManagerName}}</td>
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.signManagerNum}}</td>-->
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.ycNum}}</td>-->
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.averageComplete}}</td>-->
                    <td v-if="visitCustomer.time.length==10" class="lineOne"
                        style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: center">{{item.signTime?item.signTime.split(' ')[1]:'请假'}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center">{{item.arrivalsTime.split(' ')[1]}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center"
                              :style="timeJq(item.signInTimeDiff)?'':'color:red'">{{addZeroHour(quMiao(item.signInTimeDiff))}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center"
                              :style="dJq(item.signInDistance)>15?'':''"
                              v-if="item.signInTimeDiff != ''">{{dJq(item.signInDistance)}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center">{{disJq(item.signInSpeed)}}</span>
                    </td>
                    <td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        class="lineOne" style="border-left: 2px solid #169bd5;"><span
                            style="text-align: center">{{item.signOutTime.split(' ')[1]}}</span>
                    </td>
                    <td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        class="lineOne">
                        <span style="text-align: center" v-if="item.signOutTime">{{item.leaveTime.split(' ')[1]}}</span>
                    </td>
                    <td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        class="lineOne">
                        <span style="text-align: center"
                              :style="timeJq(item.signOutTimeDiff)?'':'color:red'">{{addZeroHour(quMiao(item.signOutTimeDiff))}}</span>
                    </td>
                    <td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        class="lineOne">
                        <span style="text-align: center" v-if="item.signOutTimeDiff != ''"
                              :style="dJq(item.signOutDistance)>15?'':''">{{dJq(item.signOutDistance)}}</span>
                    </td>
                    <td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"
                        class="lineOne">
                        <span style="text-align: center">{{disJq(item.signOutSpeed)}}</span>
                    </td>
                    <td><span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                        <span v-else style="color: #CCCCCC;">空缺</span>
                    </td>
                    <td class="lineOne" style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: left;">{{item.departName}}</span>
                    </td>
                    <td v-if="visitCustomer.time==today &&a==0" class="lineOne"
                        style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: left;">{{isFair(item)}}</span>
                    </td>
                </tr>
                <tr v-if="!(visitCustomer.time==today && a==0)">
                    <td>合计</td>
                    <td>{{allDate[1].allComplete}}</td>
                    <td>-</td>
                    <td>-</td>
                    <!--今日昨日-->
                    <template v-if="visitCustomer.time==today || visitCustomer.time==yesterday">
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td style="border-left: 2px solid #169bd5;">-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                    </template>
                    <template v-else>
                        <td>{{allDate[1].signManagerNum}}</td>
                        <td>{{allDate[1].ycNum}}</td>
                        <td>-</td>
                    </template>
                    <td>-</td>
                    <td>-</td>
                </tr>
                </tbody>
            </table>
            <table class="table table-bordered text-center table-width" v-else-if="a==0" style="width: 900px;"
                   id="visitDepart3" v-line-inserted3>
                <thead>
                <tr>
                    <th style="width:30px;">面访<br>排名</th>
                    <th style="width:60px;">区域经理</th>
                    <th style="width:65px;" v-if="visitCustomer.time.length!=10">大区经理</th>
                    <!--<th v-if="visitCustomer.time!=today && visitCustomer.time.length!=10"-->
                    <!--style="width:30px;">出勤</br>天数-->
                    <!--</th>-->
                    <!--<th v-if="visitCustomer.time.length!=10" style="width:30px;">异常</br>天数</th>-->
                    <!--<th v-if="visitCustomer.time!=today && visitCustomer.time.length!=10"-->
                    <!--style="width:40px;">日均</br>完成-->
                    <!--</th>-->
                    <th v-if="visitCustomer.time.length==10"
                        style="width: 90px;border-left: 1px solid #cbcbcd;">考勤签到时间
                    </th>
                    <th v-if="visitCustomer.time.length==10" style="width: 90px;">上午首面<br>签到时间</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 90px;">时间间隔</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 65px;">距离间隔<br>(公里)</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 65px;">时速<br>(km/h)</th>
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 55px;border-left: 2px solid #169bd5;">考勤签退<br>时间-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 55px;">末次面访<br>签退时间-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 61px;">时间间隔-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 61px;">距离间隔<br>(公里)-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 61px;">时速<br>(km/h)-->
                    <!--</th>-->
                    <th style="width:61px;">大区经理</th>
                    <th style="width:70px;">大区</th>
                    <th v-if="visitCustomer.time==today &&a==0"
                        style="border-left: 1px solid #cbcbcd;">备注
                    </th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr v-for="(item,i) in visitCustomer.faceList">
                    <td>{{item.rownum}}</td>
                    <!--<template v-if="isGo(item)">-->
                    <!--<td style="color:#2a8cec;cursor: pointer"-->
                    <!--@click="lookInterviewDetail(item)">-->
                    <!--{{item.managerName}}-->
                    <!--</td>-->
                    <!--</template>-->
                    <!--<template v-else>-->
                    <td>{{item.managerName}}</td>
                    <!--</template>-->
                    <td v-if="visitCustomer.time.length!=10">{{item.bigManagerName}}</td>
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.signManagerNum}}</td>-->
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.ycNum}}</td>-->
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.averageComplete}}</td>-->
                    <td v-if="visitCustomer.time.length==10" class="lineOne"
                        style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: center">{{item.signTime?item.signTime.split(' ')[1]:'请假'}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center">{{item.arrivalsTime.split(' ')[1]}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center"
                              :style="timeJq(item.signInTimeDiff)?'':'color:red'">{{addZeroHour(quMiao(item.signInTimeDiff))}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center"
                              :style="dJq(item.signInDistance)>15?'':''"
                              v-if="item.signInTimeDiff != ''">{{dJq(item.signInDistance)}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center">{{disJq(item.signInSpeed)}}</span>
                    </td>
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne" style="border-left: 2px solid #169bd5;"><span-->
                    <!--style="text-align: center">{{item.signOutTime.split(' ')[1]}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center" v-if="item.signOutTime">{{item.leaveTime.split(' ')[1]}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center"-->
                    <!--:style="timeJq(item.signOutTimeDiff)?'':'color:red'">{{addZeroHour(quMiao(item.signOutTimeDiff))}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center" v-if="item.signOutTimeDiff != ''"-->
                    <!--:style="dJq(item.signOutDistance)>15?'color:red':''">{{dJq(item.signOutDistance)}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center">{{disJq(item.signOutSpeed)}}</span>-->
                    <!--</td>-->
                    <td><span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                        <span v-else style="color: #CCCCCC;">空缺</span>
                    </td>
                    <td class="lineOne" style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: center;">{{item.departName}}</span>
                    </td>
                    <td v-if="visitCustomer.time==today &&a==0" class="lineOne"
                        style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: left;">{{isFair(item)}}</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class="table table-bordered text-center table-width" v-else style="width: 900px;"
                   id="visitDepart4" v-line-inserted4>
                <thead>
                <tr>
                    <th style="width:30px;">面访<br>排名</th>
                    <th style="width:60px;">区域经理</th>
                    <th style="width:65px;" v-if="visitCustomer.time.length!=10">大区经理</th>
                    <!--<th v-if="visitCustomer.time!=today && visitCustomer.time.length!=10"-->
                    <!--style="width:30px;">出勤</br>天数-->
                    <!--</th>-->
                    <!--<th v-if="visitCustomer.time.length!=10" style="width:30px;">异常</br>天数</th>-->
                    <!--<th v-if="visitCustomer.time!=today && visitCustomer.time.length!=10"-->
                    <!--style="width:40px;">日均</br>完成-->
                    <!--</th>-->
                    <th v-if="visitCustomer.time.length==10"
                        style="width: 90px;border-left: 1px solid #cbcbcd;">上午末次<br>签退时间
                    </th>
                    <th v-if="visitCustomer.time.length==10" style="width: 90px;">下午首面<br>签到时间</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 90px;">时间间隔</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 65px;">距离间隔<br>(公里)</th>
                    <th v-if="visitCustomer.time.length==10" style="width: 65px;">时速<br>(km/h)</th>
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 55px;border-left: 2px solid #169bd5;">考勤签退<br>时间-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 55px;">末次面访<br>签退时间-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 61px;">时间间隔-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 61px;">距离间隔<br>(公里)-->
                    <!--</th>-->
                    <!--<th v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--style="width: 61px;">时速<br>(km/h)-->
                    <!--</th>-->
                    <th style="width:61px;">大区经理</th>
                    <th style="width:70px;">大区</th>
                    <th v-if="visitCustomer.time==today &&a==2"
                        style="border-left: 1px solid #cbcbcd;">备注
                    </th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr v-for="(item,i) in visitCustomer.faceList">
                    <td>{{item.rownum}}</td>
                    <!--<template v-if="isGo(item)">-->
                    <!--<td style="color:#2a8cec;cursor: pointer"-->
                    <!--@click="lookInterviewDetail(item)">-->
                    <!--{{item.managerName}}-->
                    <!--</td>-->
                    <!--</template>-->
                    <!--<template v-else>-->
                    <td>{{item.managerName}}</td>
                    <!--</template>-->
                    <td v-if="visitCustomer.time.length!=10">{{item.bigManagerName}}</td>
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.signManagerNum}}</td>-->
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.ycNum}}</td>-->
                    <!--<td v-if="visitCustomer.time.length!=10">{{item.averageComplete}}</td>-->
                    <td v-if="visitCustomer.time.length==10" class="lineOne"
                        style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: center">{{item.amLeaveTime?item.amLeaveTime.split(' ')[1]:'请假'}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center">{{item.pmArrivalsTime.split(' ')[1]}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center"
                              :style="timeJq(item.signInPmTimeDiff)?'':'color:red'">{{addZeroHour(quMiao(item.signInPmTimeDiff))}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center"
                              :style="dJq(item.signInPmDistance)>15?'':''"
                              v-if="item.signInPmTimeDiff != ''">{{dJq(item.signInPmDistance)}}</span>
                    </td>
                    <td v-if="visitCustomer.time.length==10" class="lineOne">
                        <span style="text-align: center">{{disJq(item.signInPmSpeed)}}</span>
                    </td>
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne" style="border-left: 2px solid #169bd5;"><span-->
                    <!--style="text-align: center">{{item.signOutTime.split(' ')[1]}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center" v-if="item.signOutTime">{{item.leaveTime.split(' ')[1]}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center"-->
                    <!--:style="timeJq(item.signOutTimeDiff)?'':'color:red'">{{addZeroHour(quMiao(item.signOutTimeDiff))}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center" v-if="item.signOutTimeDiff != ''"-->
                    <!--:style="dJq(item.signOutDistance)>15?'color:red':''">{{dJq(item.signOutDistance)}}</span>-->
                    <!--</td>-->
                    <!--<td v-if="(visitCustomer.time==today && a==1)||visitCustomer.time==yesterday&&visitCustomer.time.length==10"-->
                    <!--class="lineOne">-->
                    <!--<span style="text-align: center">{{disJq(item.signOutSpeed)}}</span>-->
                    <!--</td>-->
                    <td><span v-if="item.bigManagerName">{{item.bigManagerName}}</span>
                        <span v-else style="color: #CCCCCC;">空缺</span>
                    </td>
                    <td class="lineOne" style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: center;">{{item.departName}}</span>
                    </td>
                    <td v-if="visitCustomer.time==today &&a==2" class="lineOne"
                        style="border-left: 1px solid #cbcbcd;">
                        <span style="text-align: left;">{{isFair(item)}}</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div v-if="type=='0'" style="width: 100%;overflow-x: scroll;margin-top: 10px;"
             class="mScrollBox"
             v-if="!(visitCustomer.time==today && a==0)">
            <table id="visitDepart2" v-line-inserted22
                   class="table table-bordered text-center table-width" style="width: 900px;">
                <thead>
                <tr>
                    <th style="width:60px">电访<br>排名</th>
                    <th v-if="!(visitCustomer.time==today && a==0)"
                        style="width:60px;">完成
                    </th>
                    <th v-if="!(visitCustomer.time==today && a==0)"
                        style="width:60px">完成率
                    </th>
                    <th style="width:80px;">区域经理</th>
                    <th style="width:80px">大区经理</th>
                    <th v-if="visitCustomer.time!=today" style="width:30px;">出勤</br>天数</th>
                    <th v-if="visitCustomer.time!=today" style="width:40px;">日均</br>完成</th>
                    <th style="border-left: 1px solid #cbcbcd;width: 80px">大区</th>
                    <th style="border-left: 1px solid #cbcbcd;">备注
                    </th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr v-for="(item,i) in visitCustomer.telList">
                    <td>{{item.rownum}}</td>
                    <!--<td>{{item.complete}}</td>-->
                    <!-- <template v-if="isGo(item)">
                         <td style="color:#2a8cec;cursor: pointer" @click="lookInterview(item,'0')">
                             {{item.complete}}
                         </td>
                     </template>
                     <template v-else>
                         <td>{{item.complete}}</td>
                     </template>-->
                    <template
                            v-if="!(visitCustomer.time==today && a==0)">
                        <!--style="color:#169BD5;cursor: pointer"-->
                        <!--@click="lookInterview(item,'0')"-->
                        <td
                                v-if="item.complete!='-'&&isGo(item)">{{item.complete}}
                        </td>
                        <td v-else>{{item.complete}}</td>
                        <td v-if="item.completionRate!=''&&item.completionRate!='-'">
                            {{item.completionRate}}%
                        </td>
                        <td v-else>{{item.completionRate}}</td>
                    </template>
                    <!--<td v-if="item.managerName" style="color:#2a8cec;cursor: pointer"-->
                    <!--@click="lookInterviewDetail(item)" >{{item.managerName}}-->
                    <!--</td>-->
                    <!--<td v-else>{{item.managerName}}</td>-->
                    <!--<template v-if="isGo(item)">-->
                    <!--<td style="color:#2a8cec;cursor: pointer"-->
                    <!--@click="lookInterviewDetail(item)">-->
                    <!--{{item.managerName}}-->
                    <!--</td>-->
                    <!--</template>-->
                    <!--<template v-else>-->
                    <td>{{item.managerName}}</td>
                    <!--</template>-->
                    <td>{{item.bigManagerName}}</td>
                    <td v-if="visitCustomer.time!=today">{{item.signManagerNum}}</td>
                    <td v-if="visitCustomer.time!=today">{{item.averageComplete}}</td>
                    <td class="lineOne"><span
                            style="text-align: center">{{item.departName}}</span></td>
                    <td></td>
                </tr>
                <tr>
                    <td>合计</td>
                    <template
                            v-if="!(visitCustomer.time==today && a==0)">
                        <td>{{allDate[0].allComplete}}</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td v-if="visitCustomer.time!=today">{{allDate[0].signManagerNum}}</td>
                        <td v-if="visitCustomer.time!=today">{{allDate[0].averageComplete}}</td>
                        <td>-</td>
                        <td>-</td>
                    </template>
                    <template v-else>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                        <td>-</td>
                    </template>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- /.box-body -->
</section>
<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="/dist/plugins/scroll/myScroll.js"></script>
<!--框架已定义 JS-->
<!--oa自定义  JS-->
<script src="/dist/js/oaApp.js"></script>

<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script>
    $(function () {
        $("body").on("click", ".lineOne", function (e) {
            if ($(".div-td-content-more").is(":hidden")) {
                var text = $(this).text();
                if (text != "") {
                    text = "<i></i>" + text;
                    $(".div-td-content-more").html(text).css({
                        "width": $(this).outerWidth() + "px",
                        "left": $(this).offset().left,
                        "top": ($(this).offset().top + $(this).outerHeight()) + "px"
                    }).show();
                    e.stopPropagation();
                }
            } else {
                $(".div-td-content-more").hide();
            }
        });
        $("body").on("click", ".div-td-content-more", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", function () {
            $(".div-td-content-more").hide();
        });
    });
</script>
<script>
    $.ajaxSetup({
        global: true,
        type: "POST",
        cache: false,
        dataType: "json",
        contentType: 'application/json;charset=utf-8',
        beforeSend: function () {
        },
        complete: function () {

        },
        error: function (e) {
            alert('error' + e.responseText);
        }
    });
    $.extend($.wyui, {
        postMethod: function (url, data, callback, sync, id) {
            if (!id) {
                id = "#app"
            }
            $.ajax({
                url: server.ip + url,
                async: sync ? false : true,
                data: JSON.stringify(data),
                beforeSend: function () {

                },
                complete: function () {
                    setTimeout(function () {
                    }, 1000);

                },
                success: function (r) {
                    if (!r.e.code) {
                        callback(r.data.sendData);
                    } else {
                        alert(r.e.desc);
                    }
                },
                error: function (e) {
                    alert(url + e.responseText);
                }
            });
        },
    });
</script>
<script type="text/javascript">
    console.log(urlConfig);
    var app = new Vue({
            el: '#app',
            data: {
                currentUser: getCurrentUser(),
                companyId: getUrlParamObj().companyId,
                companyName: '',
                userId: getUrlParamObj().userId,
                type: getUrlParamObj().type,
                months: [],
                regionNames: [],//该人员拥有的区域列表名称
                managerId: getUrlParamObj().managerId,
                dateTime: getUrlParamObj().dateTime,
                yesterday: new Date(new Date() - 24 * 60 * 60 * 1000).Format("yyyy-MM-dd"),
                today: new Date().Format("yyyy-MM-dd"),
                thisMonth: new Date().Format("yyyy-MM"),
                thisWeek: new Date().Format("yyyy-MM-dd") + "-w",
                hour: new Date().getHours(),
                scrollWidth: 0,
                scrollHeight: 0,
                tab: [],
                isCapture: false,
                a: 1,
                reginIds: [],
                visitCustomer: {
                    time: getUrlParamObj().dateTime,
                    faceList: [],
                    telList: [],
                    bigcalculation: [{
                        "targetDayCount": 0,
                        "finishDayCount": 0,
                        "regionNumber": 0,
                        "daily": 0,
                        "completionRate": 0
                    }, {
                        "targetDayCount": 0,
                        "finishDayCount": 0,
                        "regionNumber": 0,
                        "daily": 0,
                        "completionRate": 0,
                        'leaveNumber': 0
                    }]
                },
                isDaQuJinLi: false,
                allDate: [{"allComplete": "", "completionRate": "", "ycNum": ""}, {
                    "allComplete": "",
                    "completionRate": ""
                }],
                calculation: [{
                    "targetDayCount": 0,
                    "finishDayCount": 0,
                    "regionNumber": 0,
                    "daily": 0,
                    "completionRate": 0
                }, {
                    "targetDayCount": 0,
                    "finishDayCount": 0,
                    "regionNumber": 0,
                    "daily": 0,
                    "completionRate": 0,
                    'leaveNumber': 0
                }],

            },
            methods: {
                //距离合理->true 不合理->false
                distanceJq: function (d) {
                    var str = d.replace("公里", "");
                    return Number(str) < 15
                },
                isFair: function (item) {
                    var str = '';
                    // if (!this.distanceJq(item.signInDistance) && !this.timeJq(item.signInTimeDiff)) {
                    //     str = "距离、时间不合理"
                    // }
                    // else if (!this.distanceJq(item.signInDistance)) {
                    //     str = "距离不合理"
                    // }
                    // else if (!this.timeJq(item.signInTimeDiff)) {
                    //     str = "时间不合理"
                    // }
                    return str
                },
                //时间合理->true 不合理->false
                timeJq: function (t) {
                    // if (t.indexOf("小时") > 0) {
                    //     var hour = t.split("小时")[0];
                    //     if (Number(hour) > 0) {
                    //         return false;
                    //     }
                    // } else {
                    //     if (t.indexOf("分") > 0) {
                    //         var min = t.split("分")[0];
                    //         if (Number(min) > 30) {
                    //             return false;
                    //         }
                    //     } else {
                    //         return true;
                    //     }
                    // }
                    return true;
                },
                speedJq: function (s) {
                    var str = s.replace("km/h", "");
                    return Number(str) > 20
                },
                //去速度
                disSd: function (dis) {
                    var str = dis.replace("km/h", "");
                    return str;
                },
                //去公里
                disKm: function (dis) {
                    return dis.replace("公里", "");
                },
                //去秒加0几分
                quMiao: function (m) {
                    if (!m) return ""
                    //1小时11分11秒
                    var hour = "0"
                    var min = "0"
                    var sec = "0"

                    if (m.indexOf("小时") > 0) {
                        //{1  , 11分11秒} 1小时55秒
                        hour = m.split("小时")[0]
                    }
                    if (m.indexOf("分") > 0) {
                        //{1小时11，11秒}
                        min = m.split("分")[0]
                        if (min.indexOf("小时") > 0) {
                            //{1,11}
                            min = min.split("小时")[1]
                        }
                        if (Number(min) < 10) {
                            min = "0" + min
                        }
                    }
                    if (min == "0" && m.indexOf("秒") > 0) {
                        //21秒
                        return hour + "小时01分"
                    }
                    return hour + "小时" + min + "分"
                },
                //距离间隔
                dJq: function (d) {
                    var str = d.replace("公里", "");
//                    console.log("距离间隔 = " + str)
                    if (str == '0') {
                        return '';
                    } else {
                        return Number(str).toFixed(2);
                    }
                },
                //速度
                disJq: function (dis) {
                    var str = dis.replace("km/h", "");
                    return str;
                },
                //添加0小时xx分
                addZeroHour: function (h) {
                    if (!h) {
                        return ""
                    }
                    if (h.indexOf('小时') > 0) {
                        return h
                    } else {
                        return "0小时" + h
                    }
                },
                addKuo: function (kuo) {
                    if (kuo != null && kuo != 'undefined' && kuo.length > 0) {
                        return '【' + kuo + '】';
                    }
                },
                //tab中点击日期刷新对应数据
                refreshData: function (dataType, fun, time) {
                    if (time != this.today) {
                        this.a = 1;
                    }
                    var that = this;
                    that[dataType].time = time;
                    that[fun]();
                },
                //获取tab
                getTab: function () {
                    var that = this;
                    var dateTime = new Date().Format("yyyyMM");

                    for (var i = 0; i < 5; i++) {
                        dateTime = that.getLastEndMonth(dateTime);
                        that.tab.push(that.insert_flg(dateTime, "-", "4"))
                    }
                    console.log(that.tab)
                },
                isActive: function (item) {
                    var that = this;
                    if (that.visitCustomer.time == item) {
                        return true;
                    }
                },
                getLastEndMonth: function (beginYearMonth) {
                    var strYear = parseInt(beginYearMonth.substr(0, 4), 10);
                    var strMonth = parseInt(beginYearMonth.substr(4, 6), 10);
                    if (strMonth - 1 == 0) {
                        strYear -= 1;
                        strMonth = 12;
                    } else {
                        strMonth -= 1;
                    }
                    if (strMonth < 10) {
                        strMonth = "0" + strMonth;
                    }
                    var monthstr = strYear + "" + strMonth;
                    return monthstr;
                },
                //格式化日期
                insert_flg: function (str, flg, sn, type) {
                    var newstr = "";
                    for (var i = 0; i < str.length; i += sn) {
                        var tmp = str.substring(i, i + sn);
                        newstr += tmp + flg;
                    }
                    newstr = newstr.substr(0, newstr.length - 1);
                    var st1 = newstr.substr(2, 2);
                    var st2 = newstr.substr(5, 2);
                    var newstr3 = st2 + "/" + st1;
                    var obj = {str: newstr3, time: newstr};
                    return obj;
                },
                isHasRightOp: function (regionId) {
                    console.log($.inArray(regionId, this.reginIds) > -1)
                    return $.inArray(regionId, this.reginIds) > -1;
                },
                isGo: function (item) {
                    var that = this;
                    if (that.isHasRightOp(item.regionId)) {
                        return true
                    } else {
                        return false
                    }
                },
                getCount: function (arr, key) {
                    var number = 0;
                    for (var i = arr.length - 1; i >= 0; i--) {
                        number += (arr[i][key] && arr[i][key] != '-' ? arr[i][key] : 0)

                    }
                    return number;
                },
                getAll: function (arr, type) {
                    console.log(this.regionInfo)
                    if (type == "0") {
                        this.allDate[0].target = this.getCount(arr, "target");
                        this.allDate[0].allComplete = this.getCount(arr, "complete");
                        this.allDate[0].signManagerNum = this.getCount(arr, "signManagerNum");
                        this.allDate[0].averageComplete = (this.allDate[0].allComplete / this.allDate[0].signManagerNum).toFixed(2);
                        if (this.allDate[0].target == 0) {
                            this.allDate[0].completionRate = "0.00%";
                        } else {
                            this.allDate[0].completionRate = (this.allDate[0].allComplete / this.allDate[0].target * 100).toFixed(2) + "%";
                        }
                    } else {
                        this.allDate[1].target = this.getCount(arr, "target");
                        this.allDate[1].allComplete = this.getCount(arr, "complete");
                        this.allDate[1].ycNum = this.getCount(arr, "ycNum");
                        this.allDate[1].signManagerNum = this.getCount(arr, "signManagerNum");
                        this.allDate[1].averageComplete = (this.allDate[1].allComplete / this.allDate[1].signManagerNum).toFixed(2);
                        if (this.allDate[1].target == 0) {
                            this.allDate[1].completionRate = "0.00%";
                        } else {
                            this.allDate[1].completionRate = (this.allDate[1].allComplete / this.allDate[1].target * 100).toFixed(2) + "%";
                        }
                    }
                },
                getRegionByUserId: function () {
                    var that = this;
                    $.wyui.postMethod(urlConfig.report.visitCustomer.getRegionByUserId, {userId: getUrlParamObj().userId}, function (ids) {
                        for (var i = 0; i < ids.length; i++) {
                            that.reginIds.push(ids[i].regionId);
                        }
                        console.log(that.reginIds)
                    }, true);
                },
                //通过id查到公司名称
                getCompanyById: function () {
                    var that = this;
                    var obj = {
                        dialog: 'show'
                    }
                    prompt(JSON.stringify(obj))
                    $.wyui.postMethod(urlConfig.system.company.getCompanyById, {
                        "id": that.companyId
                    }, function (data) {
                        console.log(data)
                        that.companyName = data.company.name;
                        that.get_visitDepart();
                    })
                },
                //获取拜访报表-区域经理
                get_visitDepart: function () {
                    var that = this;
                    if (that.type == '1') {
                        $.wyui.postMethod(urlConfig.report.visitCustomer.getAllManagerByCompanyId, {
                                "companyId": that.companyId,
                                "userId": that.userId,
                                "dateTime": that.visitCustomer.time,
                                "type": "1"
                            }, function (data) {
                                var data = trimRN2(data);
                                that.visitCustomer.faceList = data;
                                that.getAll(that.visitCustomer.faceList, "1");
                                var obj = {
                                    dialog: 'hidden'
                                }
                                prompt(JSON.stringify(obj))
                                var screen1 = screen.width
                                var div = $("#app").width()
                                var diff = Math.abs(screen1 - div)


                                // alert(
                                //     'screen = ' + screen1 +
                                //     'div = ' + div +
                                //     'diff = ' + diff)
                                if (diff > 600) {
                                    // alert(diff+'>600')
                                    window.location.reload()
                                }
                            }
                            ,
                            false, "#visitRegion"
                        );
                    } else {
                        $.wyui.postMethod(urlConfig.report.visitCustomer.getAllManagerByCompanyId, {
                            "companyId": that.companyId,
                            "userId": that.userId,
                            "dateTime": that.visitCustomer.time,
                            "type": "0"
                        }, function (data) {
                            var data = trimRN2(data);
                            that.visitCustomer.telList = data;
                            that.getAll(that.visitCustomer.telList, "0");
                            var obj = {
                                dialog: 'hidden'
                            }
                            prompt(JSON.stringify(obj))
                        }, false, "#visitRegion");
                    }
                },
                capture: function () {
                    var that = this
                    that.isCapture = true
                    var obj = {
                        type: 'toast',
                        message: "正在截图中..."
                    }
                    prompt(JSON.stringify(obj))
                    setTimeout(function () {
                        var obj = {
                            type: 'capture',
                            width: that.scrollWidth,
                            height: that.scrollHeight
                        }
                        prompt(JSON.stringify(obj))
                        that.isCapture = false
                    }, 1000)
                }
                ,
                //            //查拜访个人下级页面
                //            lookInterviewCustomerList:function(item,type){
                //                var that=this;
                //                url = "reportForm/interview/interviewCustomerList.html";
                //                top.closeTabByPageId("lookInterviewCustomerList");
                //                top.addTabs({id:"lookInterviewCustomerList",title:item.managerName,close: true,url:url+ '?userId=' +item.userId+"&dateTime="+that.visitCustomer.time});
                //            },
                //查拜访公司下级页面
                lookInterviewDepart: function (item, type) {
                    var that = this;
                    var obj = {
                        type: 'depart',
                        url: '/reportForm/interview/interviewDepartApp.html?companyId=%1s&departName=%2s&dateTime=%3s',
                        id: item.companyId,
                        name: item.departName,
                        dateTime: that.visitCustomer.time
                    }
                    prompt(JSON.stringify(obj))
//                url = "reportForm/interview/interviewDepart.html";
//                top.closeTabByPageId("lookInterviewDepart");
//                top.addTabs({id:"lookInterviewDepart",title:item.departName,close: true,url:url+ '?companyId=' +item.companyId+"&dateTime="+that.visitCustomer.time});
                }
                ,
                lookInterview: function (item, type) {
                    var that = this;
                    var obj = {
                        type: 'lookInterview',
                        url: '/reportForm/interview/interviewCustomerListApp.html?type=' + type + '&userId=%1s&name=%2s&dateTime=%3s',
                        id: item.userId,
                        name: item.managerName,
                        dateTime: that.visitCustomer.time
                    }
                    prompt(JSON.stringify(obj))
//                url = "/page/reportForm/interview/interviewCustomerListApp.html";
//                $.dialog({
//                    content: 'url:'+url+'?userId=' + item.userId+"&dateTime="+that.visitCustomer.time+"&name="+item.managerName+"&type="+type,
//                    title: '客户列表',
//                    width: 500,
//                    height: 500,
//                    max: false,
//                    min: false,
//                    lock: true
//                });
                }
                ,
                lookInterviewDetail: function (item) {
                    var obj = {
                        type: 'customerList',
                        url: '/reportForm/personnel/entry.html?userId=' + item.userId + '&userName=' + item.managerName + '&dateTime=',
                        id: item.userId,
                        name: item.managerName,
                        dateTime: ''
                    }
                    prompt(JSON.stringify(obj))
                }
                ,
                getRegionNameByUserId: function () {
                    var that = this;
                    $.wyui.postMethod(urlConfig.report.visitCustomer.getForDepartByUserIdForClick, {userId: getUrlParamObj().userId}, function (ids) {
                        for (var i = 0; i < ids.length; i++) {
                            that.regionNames.push(ids[i].regionName);
                        }
                        var obj = {
                            dialog: 'hidden'
                        }
                        prompt(JSON.stringify(obj))
                    }, true);
                }
                ,
                isCheckRegionName: function (item) {
                    // var that = this;
                    // if (that.isHasregionNameOp(item.departName)) {
                    //     return true
                    // } else {
                    //     return false
                    // }
                    return false
                }
                ,
                isHasregionNameOp: function (departName) {
                    // console.log($.inArray(regionName, this.regionNames) > -1)
                    return $.inArray(departName, this.regionNames) > -1;
                }
                ,
            },
            mounted: function () {
                var that = this;
                //获取前5个月 拼接出日期筛选框
                //查看参数
                if (!that.companyId) {
                    that.companyId = getUrlParamObj().companyId;
                }
                if (!that.dateTime) {
                    that.dateTime = new Date().Format("yyyy-MM-dd");
                }
                //获取前5个月的tab数据
                // this.getTab();
                //获取数据
                //获取可查看区域权限
                // that.getRegionByUserId();
                that.getCompanyById();
                // this.getRegionNameByUserId();
            }

        })
    ;
</script>
<script>
    Vue.directive('line-inserted2', {
        componentUpdated: function (el) {
            app.scrollHeight = $("#visitDepart").height()
        }

    });
    Vue.directive('line-inserted', {
        componentUpdated: function (el) {
            app.scrollWidth = $("#visitDepart1").width()
            console.log(app.scrollWidth)
        }

    });
    Vue.directive('line-inserted22', {
        componentUpdated: function (el) {
            app.scrollWidth = $("#visitDepart2").width()
            console.log(app.scrollWidth)
        }
    });
    Vue.directive('line-inserted3', {
        componentUpdated: function (el) {
            app.scrollWidth = $("#visitDepart3").width()
            console.log(app.scrollWidth)
        }
    });
    Vue.directive('line-inserted4', {
        componentUpdated: function (el) {
            app.scrollWidth = $("#visitDepart4").width()
            console.log(app.scrollWidth)
        }
    });
</script>
</body>
</html>